@charset "utf-8";
/* CSS Document */

/* =================== LAYOUT =================== */
body {
	background: url(../images/bg.png) repeat fixed center #f7f7f7;
	margin:auto;
}
#canvas_out{
	width: 980px;
	height:auto;
	margin:auto;
}
#canvas_in{
	width: 980px;
	height:auto;
	float: left;
}
/* =================== LAYOUT CLOSE =================== */

/* =================== HEAD =================== */
#header_layout{
	width: 960px;
	height: 85px;
	float: left;
	background:#FFF;
	padding: 0px 20px;
}

/*SEARCH*/
#search_layout{
	width: 410px;
	height: 85px;
	float: left;
}
#search_tempat {
	float: right;
	height: auto;
	width: 235px;
	margin-top: 28px;
}
#search_img {
	float: left;
	height: 27px;
	width: 235px;
	background-color: #EFEFEF;
	background-repeat: no-repeat;
	padding-left: 10px;
	border-radius: 10px 10px 10px 10px;
	moz-border-radius: 10px 10px 10px 10px;
	webkit-border-radius: 10px 10px 10px 10px;
}
.search_input_teks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #CCCCCC;
	background: none;
	border: none;
	float: left;
	height: auto;
	width: 170px;
	padding-top: 5px;	
}
.search_submit {
	background:url(../images/search_icon.png) center top no-repeat;
	height: 18px;
	width: 18px;
	margin-top: 5px;
	margin-right: 10px;
	border: none;
	cursor: pointer;
	float: left;	
}
/*SEARCH CLOSE*/

/*MENU*/
#menu_layout{
	width: 550px;
	height: 50px;
	float: right;
	padding-top: 35px;
}
#button {
	width:auto;
	height:auto;
	background:none;
}
#button ul{
	margin:0;
	margin-left: -25px;
}
#button ul li{
	list-style-type:none;
	float:left;
	margin-top: -18px;
}
#button ul li a {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	font-size: 14px;
	color: #F89838;
	text-decoration: none;
	float: left;
	height: 27px;
	width: auto;
	text-align: left;
	padding: 7px 10px 0px 10px;
}
#button ul li a:hover{
	/*background:  #0063a6;*/
	color: #F89838;
}
#button_caption{
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	font-size: 10px;
	color: #666766;
	text-decoration: none;
	float: left;
}
#button_caption2 a{
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	font-size: 12px;
	color: #666766;
	text-decoration: none;
	float: left;
	display:block;
	padding: 0px 12px;
}
#button_caption2 a:hover{
	text-decoration: none;
}


#pembatas_main_menu{
	height: 35px;
	width: 2px;
	float: left;
	border-left:#CCCCCC solid 2px;
	margin-top: -8px;
}
#fb_icon{
	width: 20px;
	height:20px;
	float: left;
	margin-left: 25px;
	margin-right:25px;
	border:none;
}
#twitt_icon{
	width: 20px;
	height:20px;
	float: left;
	border: none;
}
/*MENU CLOSE*/

/* =================== HEAD CLOSE =================== */

/* =================== SIDEBAR-CONTENT =================== */
#content-sidebar_layout{
	width: 960px;
	height:auto;
	float:left;
	background:#FFF;
	padding: 0px 20px;
}
/*SIDEBAR (LEFT CONTENT) */
#sidebar_layout{
	width: 135px;
	height:auto;
	float: left;
	margin-right: 18px;
}
#logo{
	width: 135px;
	height:auto;
	float: left;	
	margin-bottom: 40px;
}
#logo img{
	width: 135px;
	height:auto;
	float:left;
}
#sidebar_adv{
	width: 135px;
	height:auto;
	float: left;
	margin-bottom: 10px;
}
#sidebar_adv img{
	width: 135px;
	height:auto;
	float: left;
}
#sidebar_place{
	width: 115px;
	height:auto;
	float: left;
	padding: 0px 10px;
	margin-bottom: 20px;
}
#sidebar_text{
	width:auto;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	size: 12px;
	text-decoration:none;
	color: #999999;
}

/* MENU SIDEBAR */
#menu_sidebar li{
	width: 100px;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666666;
	list-style-type:none;
	text-align:right;
	margin-left: -18px;
	margin-bottom: 10px;
}
#menu_sidebar li a{
	width:135px;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666666;
	text-decoration:none;
	display: block;
	text-align:right;
	font-weight: bold;
}
#menu_sidebar li a:hover{
	color: #666666;
}
/* MENU SIDEBAR END */

/* ===================== SIDEBAR (LEFT CONTENT) END ===================== */


/* ===================== CONTENT (RIGHT CONTENT) ===================== */
/* define width content : 785px */
#content_layout{
	width: 785px;
	height:auto;
	padding-left: 18px;
	float: right;
	border-left: solid 1px #CCCCCC;
}
#content_place{
	width: 785px;
	height:auto;
	float: left;
	margin-bottom: 10px;
}
#content_place_form{
	width: 745px;
	height:auto;
	float: left;
	margin-bottom: 30px;
	padding: 20px 20px;
	background: #F7F6F5 repeat;
}
#content_place_form_400px{
	width: 400px;
	height:auto;
	float: left;
}
#content_hd{
	width: 100%;
	height:auto;
	float: left;
	margin-bottom: 10px;
}
#content_hd_text{
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #333366;
	text-decoration: none;
	text-transform:capitalize;	
	margin-bottom: 2px;
	text-transform: uppercase;
}
#content_hd_text2{
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #F89838;
	text-decoration: none;
	text-transform:capitalize;	
	margin-bottom: 2px;
	text-transform: uppercase;
}
#content_hd_layout{
	width: 100%;
	height: 5px;
	float: left;
	margin-bottom: 10px;
}
#content_hd_left{
	width: 100%;
	background-color: #F89838;
	float: left;
	height:5px;
}
#content_hd_right{
	width: 25%;
	height: 5px;
	background:#333366;
	float: right;
}
#info_place{
	background: #DCDCE0;
	width: 785px;
	height: 54px;
	float: left;
	margin-bottom: 20px;
}
#info_text{
	font-family:"Times New Roman", Times, serif;
	color: #999999;
	font-size: 17px;
	text-decoration:none;
	font-style:italic;	
	width: auto;
	height: auto;
	float: left;
	margin-top: 15px;
	margin-left: 20px;
}
#info_learn_more{
	font-family:"Times New Roman", Times, serif;
	color: #F89838;
	font-size: 17px;
	text-decoration:none;
	font-style: italic;
	width:auto;
	height:auto;
	float: left;
	margin-top: 15px;
	margin-left: 5px;
}


/*SOCIAL SCHOOLAR*/
#social_schoolar_layout{
	width: 535px;
	height:242px;
	float: left;
	background: #F7F6F5;
	padding-top: 8px;
}
#social_schoolar_solid{
	width: 65%;
	height: 1px;
	float: left;
	border-bottom: solid 1px #F89838;
	margin: 6px 10px 10px 10px;
}
#social_schoolar_title{
	width:auto;
	height:auto;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#F89838;
	font-style: italic;
	text-decoration:none;	
}
#social_schoolar_video{
	width: 240px;
	height: 205px;
	float:left;
	margin-left: 10px;
}
#social_schoolar_video img{
	width: 240px;
	height: 205px;
	float:left;
}
#social_schoolar_persentase{
	width: 250px;
	height:auto;
	float: left;	
}
#social_schoolar_persentase img{
	width: 250px;
	height:auto;
	float: left;	
}
/*SOCIAL SCHOOLAR  END */

/*(TOP CANDIDATE) */
#top_candidate_layout{
	width: 240px;	
	height: auto;
	float: left;
	margin-left: 21px;
}
#top_candidate_foto{
	width: 240px;
	height:auto;
	float: left;	
}
#top_candidate_foto img{
	width: 240px;
	height:auto;
	float: left;	
}
#top_candidate_name{
	width:100%;
	height:auto;
	float: left;
	font-family: Arial, Helvetica, sans-serif;	
	font-weight:bold;
	font-size:14px;
	color: #666666;
}
#top_candidate_study{
	width:100%;
	height:auto;
	float: left;
	font-family: Arial, Helvetica, sans-serif;	
	font-weight:bold;
	font-size:11px;
	color: #666666;
	font-style:italic;
}
#top_candidate_solid{
	width: 100%;
	height: 1px;
	float: left;
	border-bottom: solid 1px #EFEFEF;
	margin: 2px 0px;
}
#top_candidate_deskripsi{
	width:100%;
	height:auto;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #666666;
}
/*(TOP CANDIDATE) END */

/*(POPULAR CANDIDATE)*/
#popular_candidate_hd_layout{
	width: 785px;
	height:auto;
	float:left;	
}
#popular_candidate_title{
	width:auto;
	height:auto;
	float: left;
	font-family: Arial, Helvetica, sans-serif;	
	font-size:12px;
	font-weight:bold;
	color: #999999;
	margin-right: 10px;
}
#popular_candidate_hr{
	width: 91%;
	height: 1px;
	float: right;
	border-bottom: solid 1px #FACBCC;
	margin: 7px 0px 0px 0px;
}
/*(POPULAR CANDIDATE) END*/

/*LIST POPULAR CANDIDATE LI*/
#popular_candidate{
	width:785px;
	height: auto;
	float: left;
	margin-left: -30px;
}
#popular_candidate li{
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;
	letter-spacing: 0.01em;
	line-height: 1.5em;
	text-decoration: none;
	color:#2d2420;
	text-align: left;
	width: 240px;
	height: auto;
	float: left;
	margin-right: 21px;
	margin-bottom: 20px;
	list-style-type: none;
}
#popular_candidate li{
	float: left;
}
#popular_candidate_layout{
	width: 220px;
	height:auto;
	padding: 10px;
	background:#F7F6F5 repeat-x;
	float: left;	
}
#popular_candidate_foto{
	width:220px;
	height:auto;
	float:left;
	margin-bottom: 3px;	
}
#popular_candidate_foto img{
	width:220px;
	height:auto;
	float:left;
}
#popular_candidate_name{
	width:100%;
	height:auto;
	float: left;
	font-family: Arial, Helvetica, sans-serif;	
	font-weight:bold;
	font-size:14px;
	color: #666666;
}
#popular_candidate_study{
	width:100%;
	height:auto;
	float: left;
	font-family: Arial, Helvetica, sans-serif;	
	font-weight:bold;
	font-size:11px;
	color: #666666;
	font-style:italic;
}
#popular_candidate_solid{
	width: 100%;
	height: 1px;
	float: left;
	border-bottom: solid 1px #EFEFEF;
	margin: 2px 0px;
}
#popular_candidate_deskripsi{
	width:100%;
	height:auto;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #666666;
	line-height: 14px;
}
#popular_candidate_vote{
	width:220px;
	height:auto;
	float:left;	
}
/*LIST POPULAR CANDIDATE LI END*/
/*FORM*/
#step_form{
	width: 643px;
	height:30px;
	float: left;
	margin-bottom:10px;	
}
#step_form img{
	width: 643px;
	height:30px;
	float: left;
	border:none;
}
.table_r tr td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-decoration: none;
	visibility:visible;
	margin-bottom: 10px;
}
.input_teks{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333366;
	text-decoration: none;
	float: left;
	height: auto;
	width: 100%;
	padding: 5px 0px 5px 5px;
	background: #CCCCCC;
	border: solid 1px #F89838;
	margin-bottom: 10px;
}
.focused{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333366;
	text-decoration: none;
	float: left;
	height: auto;
	width: 100%;
	padding: 5px 0px 5px 5px;
	background: #E5E5E5;
	border: solid 1px #F89838;
	margin-bottom: 10px;
}
.button_all{
	background-color: #F89838;
	width: auto;
	height: 30px;
	float: left;
	margin-right: 20px;
	border:none;
	cursor:pointer;
	padding:0px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;	
	text-decoration:none;
	font-weight:bold;
	border-radius: 5px;
}

.button_all2{
	background-color: #333366;
	width: 100%;
	height: 30px;
	float: left;
	margin-right: 20px;
	border:none;
	cursor:pointer;
	padding:0px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;	
	text-decoration:none;
	font-weight:bold;
	border-radius: 5px;
}
#img_datepicker{
	width: 28px;
	height:28px;
	float: left;
	border: none;
	border: none;
}

/*FORM END*/
/*TIPS*/
#tips_placeholder{
	width: 240px;
	height:auto;
	float: right;
	margin-bottom: 10px;
}
#tips_layout{
	width: 220px;
	height:auto;
	float: right;
	padding:10px;
	margin-bottom: 10px;
	background-color: #F89838;
}
#tips_hd{
	background:#333366;
	width: 210px;
	height:25px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	text-decoration:none;
	padding-left:10px;
	padding-top:5px;
	font-weight:bold;
	font-style:italic;
	margin-bottom: 10px;
}
#tips_text{
	width: 100%;
	height:auto;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	text-decoration:none;
}
/*TIPS END*/

/* ===================== CONTENT (RIGHT CONTENT) END ===================== */
/* =================== SIDEBAR-CONTENT CLOSE =================== */

/* =================== FOTTER =================== */
#fotter_layout{
	width:803px;
	height:130px;
	float:right;
	background: #F7F6F5 repeat;
	border-left:solid 1px #CCCCCC;
}
#fotter_place_left{
	width:350px;
	height:auto;
	float:left;
	margin-top: 20px;
	margin-left: 22px;	
}
#news_letter_title{
	width:auto;
	height:auto	;
	font-family: "Times New Roman", Times, serif;
	font-size:14px;
	color:#999999;
	text-decoration:none;
	float: left;
	font-style: italic;
	font-weight:bold;
}
/*SEARCH*/
#fotter_search_layout{
	width: 350px;
	height: 25px;
	float: left;
}
#fotter_search_tempat {
	float: left;
	height: 25px;
	width: 350px;
	margin-top: 5px;
}
#fotter_search_img {
	float: left;
	height: 25px;
	width: 200px;
	background-color: #EFEFEF;
	background-repeat: no-repeat;
	padding-left: 10px;
}
.fotter_search_input_teks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #666666;
	background: none;
	border: none;
	float: left;
	height: 23px;
	width: 150px;
	padding-left: 10px;
	padding-top: 2px;
	text-align:center;
}
.fotter_search_submit {
	background-image: url(../images/button_search_news.png);
	background-repeat: no-repeat;
	float: left;
	height: 25px;
	width: 130px;;
	cursor: pointer;
	border:none;
	margin-left: 10px;
}
/*SEARCH CLOSE*/

/*FOTTER SOCIAL NETWORK*/
#fotter_place_right{
	width: 240px;
	height:auto;
	float: right;
	margin-right:15px;
	margin-top: 20px;
}
#fotter_sosonet_title{
	width:100%;
	height:auto;
	float: left;
	font-family: Arial, Helvetica, sans-serif;	
	font-size:12px;
	font-weight:bold;
	color: #F89838;
	margin-right: 10px;	
}
#fotter_sosonet_bg{
	width:230px;
	height:17px;
	float: left;
	background:#E8E7E6;	
	padding-top: 3px;
	padding-left: 10px;
	margin-top:5px;
}
#fotter_sosonet_icon{
	width: 13px;
	height:13px;
	float:left;	
	margin-right: 10px;
}
#fotter_sosonet_icon img{
	width: 13px;
	height:13px;
	float:left;	
}
#fotter_sosonet_follow{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	color: #666666;
	width:auto;
	height:auto;
	float:left;	
	font-weight:bold;
}
#fotter_copyright_layout{
	width: 626px;
	height: auto;
	float:left;
	margin-left: 20px;	
	margin-top: 15px;
}
#fotter_copyright_solid{
	width: 65%;
	height: 1px;
	float: left;
	border-bottom: solid 2px #EFEFEF;
	margin: 2px 0px;
	margin-top: 5px;
}
#fotter_copyright_text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	color: #999999;
	width:auto;
	height:auto;
	float:left;
	margin-left: 15px;
}
/*FOTTER SOCIAL NETWORK END*/

/* =================== FOTTER CLOSE =================== */